HTML 参考手册
HTML 参考手册
  1. HTML 标签列表(字母排序)
  2. HTML 标签列表（功能排序）
  3. HTML 全局属性
  4. HTML 事件
  5. HTML 画布
  6. HTML 音频/视频
  7. HTML 有效DOCTYPES
  8. HTML 颜色名
  9. HTML 在线拾色器
  10. HTML 颜色混搭
  11. HTML 字符集
  12. HTML ASCII 参考手册
  13. HTML ISO-8859-1 参考手册
  14. HTML 符号实体参考手册
  15. HTML URL 编码参考手册
  16. HTML 语言代码参考手册
  17. HTTP 状态消息
  18. HTTP 方法：GET 对比 POST
  19. Px、Em 换算工具
  20. px，pt，em 换算表
  21. px、em、rem区别介绍
  22. 键盘快捷键
  23. HTML标签
    1. <!–…–> 注释标签
    2. <!DOCTYPE> 声明
    3. <a> 标签
    4. <abbr> 标签
    5. <acronym> 标签
    6. <address> 标签
    7. <applet> 标签
    8. <area> 标签
    9. <article> 标签
    10. <aside> 标签
    11. <audio> 标签
    12. <b> 标签
    13. <base> 标签
    14. <basefont> 标签
    15. <bdi> 标签
    16. <bdo> 标签
    17. <big> 标签
    18. <blockquote> 标签
    19. <body> 标签
    20. <br> 标签
    21. <button> 标签
    22. <canvas> 标签
    23. <caption> 标签
    24. <center> 标签
    25. <cite> 标签
    26. <code> 标签
    27. <col> 标签
    28. <colgroup> 标签
    29. <command> 标签
    30. <datalist> 标签
    31. <dd> 标签
    32. <del> 标签
    33. <details> 标签
    34. <dfn> 标签
    35. <dialog> 标签
    36. <dir> 标签
    37. <div> 标签
    38. <dl> 标签
    39. <dt> 标签
    40. <em> 标签
    41. <embed> 标签
    42. <fieldset> 标签
    43. <figcaption> 标签
    44. <figure> 标签
    45. <font> 标签
    46. <footer> 标签
    47. <form> 标签
    48. <frame> 标签
    49. <frameset> 标签
    50. <head> 标签
    51. <header> 标签
    52. <hgroup> 标签
    53. <h1> – <h6> 标签
    54. <hr> 标签
    55. <i> 标签
    56. <iframe> 标签
    57. <img> 标签
    58. <input> 标签
    59. <ins> 标签
    60. <kbd> 标签
    61. <keygen> 标签
    62. <label> 标签
    63. <legend> 标签
    64. <li> 标签
    65. <link>标签
    66. <map> 标签
    67. <mark> 标签
    68. <menu> 标签
    69. <meta> 标签
    70. <meter> 标签
    71. <nav> 标签
    72. <noframes> 标签
    73. <noscript> 标签
    74. <object> 标签
    75. <ol> 标签
    76. <optgroup> 标签
    77. <option> 标签
    78. <output> 标签
    79. <p> 标签
    80. <param> 标签
    81. <pre> 标签
    82. <html> 标签
    83. <progress> 标签
    84. <q> 标签
    85. <rp> 标签
    86. <rt> 标签
    87. <ruby> 标签
    88. <s> 标签
    89. <samp> 标签
    90. <script> 标签
    91. <section> 标签
    92. <select> 标签
    93. <small> 标签
    94. <source> 标签
    95. <span> 标签
    96. <strike> 标签
    97. <strong> 标签
    98. <style> 标签
    99. <sub> 标签
    100. <summary> 标签
    101. <sup> 标签
    102. <table> 标签
    103. <tbody> 标签
    104. <td> 标签
    105. <template> 标签
    106. <textarea> 标签
    107. <tfoot> 标签
    108. <th> 标签
    109. <thead> 标签
    110. <time> 标签
    111. <title> 标签
    112. <tr> 标签
    113. <track> 标签
    114. <tt> 标签
    115. <u> 标签
    116. <ul> 标签
    117. <var> 标签
    118. <video> 标签
    119. <wbr> 标签
  24. HTML track kind 属性
  25. HTML video autoplay 属性
  26. HTML video controls 属性
  27. HTML track label 属性
  28. HTML video height 属性
  29. HTML track src 属性
  30. HTML video loop 属性
  31. HTML track srclang 属性
  32. HTML video muted 属性
  33. HTML tr align 属性
  34. HTML video poster 属性
  35. HTML tr bgcolor 属性
  36. HTML video preload 属性
  37. HTML tr char 属性
  38. HTML video src 属性
  39. HTML tr charoff 属性
  40. HTML video width 属性
  41. HTML tr valign 属性
  42. HTML track default 属性
  43. HTML tbody valign 属性
  44. HTML script src 属性
  45. HTML tbody charoff 属性
  46. HTML script type 属性
  47. HTML tbody char 属性
  48. HTML q cite 属性
  49. HTML tbody align 属性
  50. HTML ol compact 属性
  51. HTML style media 属性
  52. HTML ol reversed 属性
  53. HTML style scoped 属性
  54. HTML ol start 属性
  55. HTML style type 属性
  56. HTML ol type 属性
  57. HTML script async 属性
  58. HTML script charset 属性
  59. HTML script defer 属性
  60. HTML embed height 属性
  61. HTML button formaction 属性
  62. HTML basefont face 属性
  63. HTML embed src 属性
  64. HTML button formenctype 属性
  65. HTML embed type 属性
  66. HTML button formmethod 属性
  67. HTML basefont size 属性
  68. HTML embed width 属性
  69. HTML button formnovalidate 属性
  70. HTML meta charset 属性
  71. HTML dir compact 属性
  72. HTML button formtarget 属性
  73. HTML meta content 属性
  74. HTML del cite 属性
  75. HTML meta http-equiv 属性
  76. HTML button name 属性
  77. HTML del datetime 属性
  78. HTML meta name 属性
  79. HTML button type 属性
  80. HTML button autofocus 属性
  81. HTML button value 属性
  82. HTML meta scheme 属性
  83. HTML button disabled 属性
  84. HTML menu label 属性
  85. HTML button form 属性
  86. HTML menu type 属性
  87. HTML basefont color 属性
  88. HTML map name 属性
  89. HTML fieldset disabled 属性
  90. HTML fieldset form 属性
  91. HTML fieldset name 属性
阅读(82.3k) 书签 赞(10) 我要纠错

HTML <area> 标签

2022-06-01 15:15 更新
<area> 标签可以在图像上划分区域，这些区域是可以点击的，并且对应不同的操作。

实例

带有可点击区域的图像映射：

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> 

<map name="planetmap"> 
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.gif"> 
  <area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif"> 
  <area shape="circle" coords="124,58,8" alt="Venus" href="venglobe.gif">
</map>

尝试一下 »

浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器都支持 <area>  标签。

标签定义及使用说明

<area> 标签定义图像映射内部的区域（图像映射指的是带有可点击区域的图像）。

<area> 元素始终嵌套在 标签内部。

注释：<img> 标签中的 usemap 属性与 <map>  元素中的 name 相关联，以创建图像与映射之间的关系。

HTML 4.01 与 HTML5之间的差异

HTML5 提供了一些新属性，同时不再支持 HTML 4.01 中的某些属性。

HTML 与 XHTML 之间的差异

在 HTML 中，  <area> 标签没有结束标签。

在 XHTML 中，  <area> 标签必须正确地关闭。

属性

New ：HTML5 中的新属性。

属性 值 描述
alt text 规定区域的替代文本。如果使用 href 属性，则该属性是必需的。
coords coordinates 规定区域的坐标。
href URL 规定区域的目标 URL。
hreflangNew language_code 规定目标 URL 的语言。
mediaNew media query 规定目标 URL 是为何种媒介/设备优化的。默认：all。
nohref value HTML5 不支持。 规定没有相关链接的区域。
relNew alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag		 规定当前文档与目标 URL 之间的关系。
shape default
rect
circle
poly		 规定区域的形状。
target _blank
_parent
_self
_top
framename		 规定在何处打开目标 URL。
typeNew MIME_type 规定目标 URL 的 MIME 类型。
注：MIME = Multipurpose Internet Mail Extensions。

全局属性

<area> 标签支持 HTML 的全局属性。

事件属性

<area> 标签支持 HTML 的事件属性。

相关文章

HTML DOM 参考手册： Area 对象

以上内容是否对您有帮助：
← HTML <applet> 标签
HTML <article > 标签 →
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号